<template>
  <div class="page-container">
    <DynamicForm :config="dyConfig" :questions="dyQuestions" />
    <DynamicTable :tables="dyTable" :config="dyTableConfig" :icons="dyIcons" />
  </div>
</template>

<script lang="ts" setup>
import { reactive } from 'vue';
import { DynamicForm } from '@/components/public-template';
import { DynamicTable } from '@/components/public-template';
import indexService from './index.service';
import { Api } from '@/config/api/archivesFileTransfer';

const state = reactive({
  count: 1
});
const dyConfig: any = {
  name: 'migrationTable',
  labelCol: 6,
  wrapperCol: 18,
  grid: 8,
  style: 'table-form',
  cancelSave: true
};
const dyTableConfig: any = {
  name: 'migrationTable',
  queryUrl: Api.transferPage,
  protType: 'post',
  isScreen: true
};
const dyQuestions: any = reactive(indexService.getQuestions());
const dyTable: any = reactive(indexService.getTables());
const dyIcons: any = reactive(indexService.getIcons());
</script>

<style lang="less" scoped></style>
